<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<title>{% block title %}MovieApp Home{% endblock %}</title>
		<link rel="stylesheet" type="text/css" media="all" href="site_media/css/reset.css" />
		<link rel="stylesheet" type="text/css" media="all" href="site_media/css/text.css" />
		<link rel="stylesheet" type="text/css" media="all" href="site_media/css/960.css" />
		<link rel="stylesheet" type="text/css" media="all" href="site_media/css/base.css" />
		<script type="text/javascript" src="site_media/js/jquery-1.3.2.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("a.togglefilter").click(function() {
					$("#filters").slideToggle("fast");
				});
				{% block extra_js %}{% endblock %}
			});
		</script>
		{% block extra_includes %}{% endblock %}
		<style type="text/css" media="screen">
			/**
				colours:
				dark blue: 	#222130
				grey:		#464D57
				green:		#D4E8D3
				white:		#FFFCFB
				orange:		#ED8917
			*/
			body {
				background-color: #FFFCFB;
			}
			#header {
				color: #FFFCFB;
				background-color: #464D57;
				padding: 1px 5px 1px 3px;
				font-size: 14pt;
				text-align: right;
			}
			#header h1 {
				padding-bottom: 0px;
				margin-bottom: 0px;
			}
			#header h6 {
				padding: 0px;
				margin: 0px;
			}
			#filters {
				color: #FFFCFB;
				background-color: #222130;
				padding: 0px 3px 3px 3px;
			}
			#menu ul {
				
			}
			#menu ul li {
				
			}
			a,a:visited {
				color: #FFFCFB;
				text-decoration: none;
			}
			a:hover {
				color: #ED8917;
			}
			#content a{
				color: #000000;
			}
			{% block extra_css %}{% endblock %}
		</style>
	</head>
	<body {% block extra_body_parameters %}{% endblock %}>
		<div class="container_12">
			<div class="grid_12" id='header'>
				<h1>MovieApp</h1>
				<h6><a class="togglefilter" href="#">Filters v</a></h6>
			</div>			
			<div class="grid_12" id="filters" style="display: none;">
				these are some filters
			</div>
			<div class="grid_12" id="content">				
				{% block content %}
					Hello world!
				{% endblock %}
			</div>
		</div>
	</body>
</html>